/**
 * attributes属性返回该元素所有属性节点的一个即时更新(live)的集合。
 * 该集合是一个 NamedNodeMap 对象，不是一个数组，所以它没有 数组 的方法，
 * 其包含的 属性 节点的索引顺序随浏览器不同而不同。更确切地说，attributes 是字符串形式的名/值对，每一对名/值对对应一个属性节点。
 * @type {Element}
 */
var box = document.getElementById('box');

console.log(box.attributes);//NamedNodeMap(id,title,class) 集合数组，保存着这个元素节点的属性列表
console.log(box.attributes.length);//获取属性的长度  3
console.log(box.attributes[0].nodeType); //2  属性节点的类型值
console.log(box.attributes[0].nodeValue);//获取第一个属性的属性值  box
console.log(box.attributes[0].nodeName);//获取第一个属性的属性名称  id